@import url("../../styles/publicStyle.less");

.business-role-container {
  .business-role-info {
    .widthAndHeight(100%, calc(100vh - 100px));
    .contentOverflowRoll();
    background-color: @ZebraCrossing;

    &>h3 {
      .flex();
      .ListTitle();
      padding: 42px 20px;

      &>span {
        color: @AssistTextA;
        margin-left: 8px;
      }
    }

    .page-link-color {
      color: @AssistTextA  !important;
    }

    .br-con {
      border-bottom: 2px solid @AssistLightGrey;

      .br-con-list {

        &.br-con-list-padding {
          padding: 20px;
        }

        //公司详情
        .gs-details {
          background-color: @AssistBgWhite;

          li {
            .flex();
            padding: 24px 16px;
            border-bottom: 2px solid @AssistLightGrey;
            cursor: pointer;

            &:last-of-type {
              border-bottom: none;
            }

            .left-info {
              flex: 1;

              p {
                .PromptInfo();
                color: @ContentText;

              }

              .left-info-t {
                .flex();

                .order-number {
                  .ListTitle();
                  .textGather(96px, 96px);
                  color: @ContentTextWhite;
                  // border-radius: 8px;
                  .background(url("@{images}/eq_bg_1.png"));
                  margin-right: 16px;
                }

                .left-info-t-gs {
                  flex: 1;

                  h3 {
                    .DetailsText();
                    margin-bottom: 8px;
                  }

                  p {
                    &>span:nth-of-type(1) {
                      padding-right: 16px;
                    }

                    &>span:nth-of-type(2) {
                      padding-left: 16px;
                      border-left: 2px solid @AssistLightGrey;
                    }

                  }
                }
              }

              .left-info-b {
                margin-top: 16px;
              }
            }

            .right-icon {
              .widthAndHeight(40px, 40px);

              .iconfont {
                font-size: 40px;
                color: @ContentText;
              }
            }
          }
        }
      }

      &:last-of-type {
        border-bottom: none;
      }

      .br-con-title {
        position: relative;
        .flex();
        justify-content: space-between;
        background-color: @AssistBgWhite;
        padding: 24px 20px 24px 32px;

        &::before {
          content: "";
          .widthAndHeight(4px, 28px);
          position: absolute;
          left: 20px;
          top: 50%;
          transform: translateY(-50%);
          background-color: @MainColor;
        }

        .br-list-left {
          .flex();
          .DetailsText();

          &>span:last-of-type {
            color: @AssistTextA;
            margin-left: 8px;
          }
        }

        .br-list-right {
          .widthAndHeight(40px, 40px);
          transition: all .2s;

          &.rotate-active {
            transform: rotateZ(90deg);
          }

          .iconfont {
            font-size: 40px;
            color: @ContentText;
          }
        }
      }
    }

  }
}
